<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>{{$titulo}}</title>
<link rel="stylesheet" type="text/css" href="jquery-easyui/themes/gray/easyui.css">  
 <link rel="stylesheet" type="text/css" href="jquery-easyui/themes/icon.css"> 
<link rel="stylesheet" type="text/css" href="css/default.css">
<script type="text/javascript" src="jquery-easyui/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="jquery-easyui/jquery.easyui.min.js"></script>



<script type="text/javascript">
		
$('#tt').tabs({  
    border:false,  
    onSelect:function(title){  
        alert(title+' is selected');  
    }  
}); 


		
var index = 0;
		function addTab(titulo,url){
			$('#tt').tabs('add',{
				title:titulo,
				content:'Tab Body ' + index,
				href: url,
				iconCls:'icon-save',
				closable:true,
				tools:[{
					iconCls:'icon-mini-refresh',
					handler:function(){
						alert('refresh');
					}
				}]
			});
		}

		 
	</script>

</head>
<body class="easyui-layout">


<div data-options="region:'north',border:false" style="height:30px;">

<!--  menu -->
<div style="background:#fff;width:100%;height: 30px;">
		<a href="javascript:void(0)" id="mb1" class="easyui-menubutton" data-options="menu:'#mm1',iconCls:'icon-edit'">Cadastro</a>
		<a href="javascript:void(0)" id="mb2" class="easyui-menubutton" data-options="menu:'#mm2',iconCls:'icon-help'">Contas a Pagar</a>
		<a href="javascript:void(0)" id="mb3" class="easyui-menubutton" data-options="menu:'#mm2',iconCls:'icon-help'">Contas a Receber</a>
	</div>
	<div id="mm1"  style="width:150px;" >
		<div data-options="iconCls:'icon-undo'" onclick="javascript:addTab('Cliente','CadastroCliente.php')">Cliente</div>
		<div data-options="iconCls:'icon-redo'">Fornecedor</div>
		<div data-options="iconCls:'icon-redo'">Plano de Contas</div>
		<div data-options="iconCls:'icon-redo'">Forma de Pagamento</div>
	</div>
	<div id="mm2" style="width:100px;">
		<div>Help</div>
		<div>Update</div>
		<div>About</div>
	</div>

<!-- fim menu -->

</div>

	<div data-options="region:'west',split:true,collapsed:true,title:'West'" style="width:150px;padding:10px;">west content</div>
	<div data-options="region:'east',split:true,collapsed:true,title:'East'" style="width:100px;padding:10px;">east region</div>
	

	
	<div data-options="region:'center'" style="overflow:hidden;" >
	
	<!--  div da tab -->
	<div id="tt" class="easyui-tabs" data-options="fit:true,border:false">
		<div title="Home" data-options="tools:'#p-tools'" style="padding:20px;">
			Seja Bem Vindo!
		</div>
		<div title="Tab4 with iframe" data-options="closable:true" style="overflow:hidden">
			<iframe scrolling="yes" frameborder="0"  src="http://www.jeasyui.com/forum/index.php" style="width:100%;height:100%;"></iframe>
		</div>
		
	</div>
	<!--  fim div da tab -->
	
	
	</div>


	<div data-options="region:'south',border:false" style="height:50px;padding:10px;">sdsd sdf skhdfb jsdhb fkjsadhb fjksabfkjsd region</div>


	
</body>
</html>